.mask {
  background: rgba(0, 0, 0, 45%);
  backdrop-filter: blur(25px);
}

.button {
  color: #44c5e4;
  font-family: Roboto;
  font-size: 22px;
  font-weight: 700;
  height: auto;
  padding: 8px 24px;
}

// .mask_r {
//   box-shadow: 0 0 0 9999px rgba(0, 0, 0, 60%);
//   width: 480px;
//   height: 150vh;
//   transform: rotate(5deg) translateY(-25vh) translateX(50px);
// }

.tips {
  position: fixed;
  z-index: 2050;
  inset: 120px auto auto 50%;
  transform: translateX(-50%);

  &-wrapper {
    box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 8%), 0 3px 6px -4px rgba(0, 0, 0, 12%),
      0 9px 28px 8px rgba(0, 0, 0, 5%);
    border-radius: 4px;
    background: #fff7e8;
    padding: 18px 20px;
    display: flex;
    align-items: center;
    position: relative;
  }
}
